@extends('layout.member.master')
@section('content')
    <div class="card mt-4">
        <div class="card-body">
            <div class="header-body mt--5 mt-md--6">
                <div class="row align-items-center">
                    <div class="col">
                        <!-- Nav -->
                        <ul class="nav nav-tabs nav-overflow header-tabs">
                            <li class="nav-item">
                                <a href="{{route('admin.column.index')}}" class="nav-link active">
                                    栏目列表
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="{{route('admin.column.create')}}" class="nav-link ">
                                    添加栏目
                                </a>
                            </li>

                        </ul>

                    </div>
                </div>
            </div>
        </div>
        <div class="card-block">
            <table class="table">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>栏目名称</th>
                    <th>栏目图标</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                @foreach($columns as $column)
                <tr>
                    <td scope="row">{{$column->id}}</td>
                    <td>{{$column->title}}</td>
                    <td><i class="{{$column->icon}}"></i></td>
                    <td>
                        <a name="" id="" class="btn btn-outline-primary" href="{{route('admin.column.destroy',$column)}}" role="button">删除</a>
                        <a name="" id="" class="btn btn-outline-success" href="{{route('admin.column.edit',$column)}}" role="button">编辑</a>
                    </td>

                </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="card-footer text-muted">
           暂留
        </div>
    </div>

@endsection